<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>居民签约管理</title>
  <link rel="stylesheet" href="./../bootstrap4/dist/css/bootstrap.css">
  <link rel="stylesheet" href="./../font-awesome/css/font-awesome.css">
  <link rel="stylesheet" href="./../css/index.css">
  <link rel="stylesheet" href="./../css/header.css">
  <link rel="stylesheet" href="./../css/menu.css">

</head>

<body>
  <div class="container-fluid box-height">
    <div class="row header-h  border-light d-flex align-content-center shadow-lg bg-header">
      <div class="col-sm-2 col-lg-2 text-light">
        <i class="fa fa-user text-success size-24"></i>
        <span id="usernickname" class="mx-2">wqw</span>，欢迎您。
      </div>
      <div class="col-sm-7 col-lg-7 text-center">
        <span class="text-success font-weight-bold size-20">成都市龙泉驿区北泉路社区社区医院家庭医生签约服务平台</span>
      </div>
      <div class="col-sm-3 col-lg-3 text-right">
        <a type="button" class="btn btn-link text-light" href="./user_info.html">
          <i class="fa fa-user-circle-o text-primary"></i>
          <span>账户设置</span>
        </a>
        <button type="button" class="btn btn-link text-light" id="exitSystem">
          <i class="fa fa-sign-out text-warning"></i>
          <span>退出系统</span>
        </button>
      </div>
    </div>
    <div class="row menu-height">
      <div class="col-lg-2 px-0">
        <ul class="menu box-height bg-menu">
          <li>
            <div class="px-4 bg-menu">
              <a href="./main.html" class="btn-link">
                <i class="fa fa-tachometer pr-2"></i>
                <span>工作台</span></a>              
            </div>
          </li>
          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-cogs pr-2"></i>
                <span>权限管理</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./accesslist.html" class="btn-link">权限管理</a>
            </div>
            <div class="text-center">
              <a href="./rolelist.html" class="btn-link">角色管理</a>
            </div>
            <div class="text-center">
              <a href="./userlist.html" class="btn-link">用户管理</a>
            </div>
          </li>
          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-object-group pr-2"></i>
                <span>医生团队管理</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./doctor_team_management.html" class="btn-link">家庭医生团队管理</a>
            </div>
            <div class="text-center">
              <a href="./doctors_management.html" class="btn-link">家庭医生管理</a>
            </div>
            <div class="text-center">
              <a href="./doctors_job.html" class="btn-link">医生职称管理</a>
            </div>
          </li>
          
          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-table pr-2"></i>
                <span>签约管理</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./serivce_pack.html" class="btn-link">健康服务包管理</a>
            </div>
            <div class="text-center">
              <a href="./person_types.html" class="btn-link">居民类别管理</a>
            </div>
            <div class="text-center">
              <a href="./contract_management.html" class="btn-link">签约居民列表</a>
            </div>
          </li>
          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-database pr-2"></i>
                <span>统计分析</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./statistic_table.html" class="btn-link">统计表</a>
            </div>
            <div class="text-center">
              <a href="./statistic_charts.html" class="btn-link">统计图</a>
            </div>
          </li>
        </ul>
      </div>
      <div class="col-lg-10 bg-white">
        <!-- 面包屑导航  -->
        <div class="row">
          <div class="col  px-0">
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="" class="text-success">签约管理</a></li>
                <li class="breadcrumb-item active" aria-current="page">签约居民列表</li>
              </ol>
            </nav>            
          </div>
        </div>
        <!-- title -->
        <div class="row">
          <div class="col">
            <h5 class="border-bottom  pl-2  title-border pb-2">居民列表</h5>
          </div>
        </div>
        <!-- 搜索栏 -->
        <div class="row bg-light py-3">
          <div class="col-10">            
            <form class="form-inline text-black-50">    
              <a href="./add_contract_person.html" type="button" class="btn btn-success mr-2"><i class="fa fa-plus-circle text-warning"></i><span> 添加居民</span></a>          
              <label for="pname" class="mr-2">签约居民姓名:</label>
              <input type="search" class="form-control mr-2" id="pname" placeholder="请输入居民名字">
              <label for="sex" class="mr-2">性别:</label>
              <select name="sex" id="sex" class="custom-select mr-2">
                <option value="" disabled selected>---请选择---</option>
                <option value="1">男</option>
                <option value="0">女</option>
              </select>
              <label for="constrctState" class="mr-2">签约状态:</label>
              <select name="state" id="constrctState" class="custom-select mr-2">
                <option value="" disabled selected>---请选择---</option>
                <option value="1">签约</option>
                <option value="0">解约</option>
              </select>
              <button type="button" class="btn btn-primary mr-2"><i class="fa fa-search text-warning"></i><span> 搜索</span></button> 
            </form>
          </div> 
          <div class="col-2 text-right">
            <button type="button" class="btn btn-warning"><i class="fa fa-refresh text-light"></i></button>
          </div>        
        </div>
        <!-- 表格 -->
        <div class="row mt-3 pt-3 rounded-lg bg-light">
          <div class="col">
            <table class="table table-bordered">
              <thead class="thead-light">
                <tr>
                  <th width="50">
                    <input type="checkbox" >
                  </th>
                  <th scope="col">居民姓名</th>
                  <th scope="col">性别</th>
                  <th scope="col">身份证号码</th>
                  <th scope="col">手机号码</th> 
                  <th scope="col">出生日期</th> 
                  <th scope="col">重点人群类型</th>
                  <th scope="col">责任团队</th>
                  <th scope="col">签约医生</th>
                  <th scope="col">签约状态</th>
                  <th scope="col">操作</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>
                    <input type="checkbox" >
                  </td>
                  <td>元方</td>
                  <td>男</td>
                  <td>130001198910010001</td>
                  <td>18600010001</td>
                  <td>1989-10-01</td>
                  <td>高血压,糖尿病</td>
                  <td>天字一号</td>
                  <td>张三疯</td>
                  <td>签约</td>
                  <td>
                    <a href="modify_contract_person.html?id=1" type="button" class="btn btn-link text-info">修改</a>
                    <button type="button" class="btn btn-link text-danger">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input type="checkbox" >
                  </td>
                  <td>元方</td>
                  <td>男</td>
                  <td>130001198910010001</td>
                  <td>18600010001</td>
                  <td>1989-10-01</td>
                  <td>高血压,糖尿病</td>
                  <td>天字一号</td>
                  <td>张三疯</td>
                  <td>签约</td>
                  <td>
                    <button type="button" class="btn btn-link text-info">修改</button>
                    <button type="button" class="btn btn-link text-danger">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input type="checkbox" >
                  </td>
                  <td>元方</td>
                  <td>男</td>
                  <td>130001198910010001</td>
                  <td>18600010001</td>
                  <td>1989-10-01</td>
                  <td>高血压,糖尿病</td>
                  <td>天字一号</td>
                  <td>张三疯</td>
                  <td>签约</td>
                  <td>
                    <button type="button" class="btn btn-link text-info">修改</button>
                    <button type="button" class="btn btn-link text-danger">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input type="checkbox" >
                  </td>
                  <td>元方</td>
                  <td>男</td>
                  <td>130001198910010001</td>
                  <td>18600010001</td>
                  <td>1989-10-01</td>
                  <td>高血压,糖尿病</td>
                  <td>天字一号</td>
                  <td>张三疯</td>
                  <td>签约</td>
                  <td>
                    <button type="button" class="btn btn-link text-info">修改</button>
                    <button type="button" class="btn btn-link text-danger">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input type="checkbox" >
                  </td>
                  <td>元方</td>
                  <td>男</td>
                  <td>130001198910010001</td>
                  <td>18600010001</td>
                  <td>1989-10-01</td>
                  <td>高血压,糖尿病</td>
                  <td>天字一号</td>
                  <td>张三疯</td>
                  <td>签约</td>
                  <td>
                    <button type="button" class="btn btn-link text-info">修改</button>
                    <button type="button" class="btn btn-link text-danger">删除</button>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <!-- 分页 -->
        <div class="row mt-3 rounded-lg pt-3 bg-light">
          <div class="col px-0">
            <nav aria-label="Page navigation">
              <ul class="pagination justify-content-end pr-3">
                <li class="page-item disabled">
                  <a class="page-link">Previous</a>
                </li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                  <a class="page-link" href="#">Next</a>
                </li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>

  </div>

  <script src="./../jquery/jquery-3.6.0.js"></script>
  <script src="./../bootstrap4/dist/js/bootstrap.bundle.js"></script>
  <script src="./../js/comm.js"></script>
</body>

</html>